import styled from "styled-components";
import { DeleteIcon } from "../BUI";

export const CompleteIcon = styled.div.attrs({
  children: (
    <svg
      viewBox='0 0 1024 1024'
      version='1.1'
      xmlns='http://www.w3.org/2000/svg'
      p-id='6301'
      width='1rem'
      height='1rem'
    >
      <path
        d='M511.950005 512.049995m-447.956254 0a447.956254 447.956254 0 1 0 895.912508 0 447.956254 447.956254 0 1 0-895.912508 0Z'
        fill='#cccccc'
        p-id='6302'
      ></path>
      <path
        d='M458.95518 649.636559L289.271751 479.95313c-11.698858-11.698858-30.697002-11.698858-42.39586 0s-11.698858 30.697002 0 42.395859l169.683429 169.68343c11.698858 11.698858 30.697002 11.698858 42.39586 0 11.798848-11.598867 11.798848-30.597012 0-42.39586z'
        fill='#FFFFFF'
        p-id='6303'
      ></path>
      <path
        d='M777.62406 332.267552c-11.698858-11.698858-30.697002-11.698858-42.39586 0L424.158578 643.437164c-11.698858 11.698858-11.698858 30.697002 0 42.39586s30.697002 11.698858 42.39586 0l311.069622-311.069622c11.798848-11.798848 11.798848-30.796992 0-42.49585z'
        fill='#FFFFFF'
        p-id='6304'
      ></path>
    </svg>
  ),
})`
  cursor: pointer;

  &:hover {
    & > svg > path:first-child {
      fill: #00ad56;
    }
  }
`;
